<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Button</title>
		<link href="../../../dist/css/color-ui.css" rel="stylesheet">
		<link href ="../../../vendor/css/font-awesome.min.css" rel="stylesheet"/>
		<link href="../base.css" rel="stylesheet"/>
		<link href="button.css" rel="stylesheet">
	</head>
	<body>
		<div class="container">
			<h1>按钮 Button</h1>
			<h2>可作为按钮使用的标签或元素</h2>
			<div>
				<a class="btn btn-default">Link</a>
				<button class="btn btn-default" type="submit">Button</button>
				<input class="btn btn-default" type="button" value="Input"/>
				<input class="btn btn-default" type="submit" value="Submit"/>
			</div>
			<h2>预定义式样</h2>
			<div>
				<button class="btn btn-default">（默认样式）Default</button>
				<button class="btn btn-primary">（首选项）Primary</button>
				<button class="btn btn-success">（成功）Success</button>
				<button class="btn btn-info">（一般信息）Info</button>
				<button class="btn btn-warning">（警告）Warning</button>
				<button class="btn btn-danger">（危险）Danger</button>
				<button class="btn btn-link">（链接）Link</button>
			</div>
			<h2>尺寸</h2>
			<div>
				<button type="button" class="btn btn-primary btn-lg">（大按钮）Large button</button>
				<button type="button" class="btn btn-primary">（默认尺寸）Default button</button>
				<button type="button" class="btn btn-primary btn-sm">（小按钮）Small button</button>
				<button type="button" class="btn btn-primary btn-xs">（超小尺寸）Extra small button</button>
			</div>
			<div class="blockBox">
				<button type="button" class="btn btn-primary btn-lg btn-block">（块级元素）Block level button</button>
			</div>
			<h2>禁用状态</h2>
			<div>
				<button type="button" class="btn btn-lg btn-primary btn-disabled">Primary button</button>
				<button type="button" class="btn btn-default btn-lg btn-disabled">Button</button>
			</div>
			<h2>带图标的按钮</h2>
			<div class="blockBoxMargin">
				<button class="btn btn-default"><i class="fa fa-forward"></i>快进</button>
				<button class="btn btn-warning"><i class="fa fa-thumbs-o-up"></i>好评</button>
				<button class="btn btn-danger"><i class="fa fa-warning"></i>注意事项</button>
			</div>
		</div>
	</body>
</html>
